$(function () {

  var currentPage = 1;
  var pageSize = 3;
  var picArr = [];

  function render() {
    $.ajax({
      url: '/product/queryProductDetailList',
      dataType: 'json',
      data: {
        page: currentPage,
        pageSize: pageSize
      },
      success: function (info) {
        console.log(info);
        $('tbody').html(template('tmp', info));
        setPage(info.total);
      }
    })
  }
  render();

  // 分页

  function setPage(total) {
    $('#paginator').bootstrapPaginator({

      bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
      currentPage: currentPage,//当前页
      totalPages: Math.ceil(total / pageSize),
      onPageClicked: function (event, originalEvent, type, page) {
        currentPage = page;
        render();
      }
    });
  }

  // 填充二次分类
  $.ajax({
    url: '/category/querySecondCategoryPaging',
    data: {
      page: 1,
      pageSize: 100
    },
    dataType: 'json',
    success: function (info) {
      console.log(info);
      $('.brand-list').html(template('tmp-brand', info));
    }
  })

  // 4点击下拉列表,把选择品牌文字赋值给按钮,用隐藏保持数据id
  $('.brand-list').on('click', 'a', function () {

    $('.title-text').text($(this).text());
    $('[name="brandId"]').val($(this).data('id'));

    $('#form1').data('bootstrapValidator').updateStatus('brandId', 'VALID');

  });

//5 上传商品图片

$('#file').fileupload({
  dataType:'json',

  done:function(e,data){
    console.log(data);

    picArr.unshift(data.result);
    $('.pic-box').prepend('<img src="' +data.result.picAddr+'" height="100">');
    if(picArr.length>3){
      picArr.pop();

      $('.pic-box img:last-child').remove();

    }
    console.log(picArr);
    if(picArr.length==3){
      $('#form1').data('bootstrapValidator').updateStatus('picStatus','VALID');

    }
  }
});

  // 6


  $('#form1').bootstrapValidator({

    excluded: [],
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'

    },

    fields:{
      brandId:{
        validators:{

          notEmpty:{
            message:'请选择二级分类'
          }
        }

        },
        proName:{
          validators:{
            notEmpty:{
              message:'请输入商品名称'
            }
          }
        },
        proDesc:{
          validators:{
            notEmpty:{
              message:'请输入商品描述'
            }
          }
        },
        num:{
          validators:{
           
              notEmpty:{
                message:'请输入商品库存'
              },
              regexp:{
                regexp:/^[1-9]\d*$/,
                message:'商品库存必须是非零开头的数字'
              }
            }
          },

        size:{
          validators:{
            notEmpty:{
              message:'请输入商品尺码'
            },
            regexp:{
              regexp: /^[1-9]\d{1}-[1-9]\d{1}$/,
              message:'商品尺寸必须是 XX-XX格式'

            
         
          }
        }
      },
    
    oldPrice:{
      validators:{
        notEmpty:{
          message:'  请输入商品原价'
        }
      }
    },

    price:{
      validators:{
        notEmpty:{
          message:'图片必须上传三张'
        }
      }
    }
    }
  })
  $('#form1').on('success.form.bv' ,function(e){
    e.preventDefault();
    var str=$('#form1').serialize();
    str +='&'+'picArr='+JSON.stringify(picArr);

    $.ajax({

      url: '/product/addProduct',
      type:'post',
      data:str,
      dataType:'json',
      success:function(info){
        console.log(info);

        $('.modal-add').modal('hide');
        currentPage=1;
        render();
        $('#form1').data('bootstrapValidator').resetForm(true);

        $('.pic-box').empty();
        $('.title-text').text('请选择二级分类');
        picArr=[];
      }

    });
  })
})